/*
	Theme name: Wilk Morski
	Theme URI: http://sails.pl/
	Description:
	Author: Sails.pl
	Version: 2.0
	Tags:
*/

@font-face
{
	font-family: "Myriad Pro";
	font-weight: normal;
	src: url('fonts/MyriadPro-Regular.otf');
}

@font-face
{
	font-family: "Myriad Pro";
	font-weight: bold;
	src: url('fonts/MyriadPro-Semibold.otf');
}

/* variant 1 (na luzie) */

#variant_1 a, #variant_1 .entry h2 a, #variant_1 .entry h2, #variant_1 #wp-calendar tfoot td, #variant_1 #wp-calendar tfoot td a, #variant_1 .widget_pages li a
{
	color: #4DECE5;
}

#variant_1 .sideraquo, #variant_1 #wp-calendar td a, #variant_1 .comment-reply-link, #variant_1 #comments-top
{
	background: #4DECE5;
}

#variant_1 #favorities_toggle
{
	background: #0c7085;
}

#variant_1 input[type=submit], #variant_1 #respond input[type=submit]
{
	border: 1px solid #4DECE5;
	background: #4DECE5;
}

#variant_1 #title
{
	background: url('images/blue/overlay.png') no-repeat scroll 0 0 transparent
}

#variant_1 #wp-calendar tfoot
{
	border: 1px solid #4DECE5;
}

#variant_1 .post-comments
{
	background: url('images/blue/comments.png') no-repeat 0 2px;
}

#variant_1 .widget_links li a
{
	background: url('images/blue/link.png') no-repeat right 1px;
}

#variant_1 .current_page_item
{
	background: url('images/blue/marker.png') no-repeat right;
}

/* variant 2 (ekstremalnie) */

#variant_2 a, #variant_2 .entry h2 a, #variant_2 .entry h2, #variant_2 #wp-calendar tfoot td, #variant_2 #wp-calendar tfoot td a, #variant_2 .widget_pages li a
{
	color: #4FDAED;
}

#variant_2 .sideraquo, #variant_2 #wp-calendar td a, #variant_2 .comment-reply-link, #variant_2 #comments-top
{
	background: #4FDAED;
}

#variant_2 #favorities_toggle
{
	background: #F00000;
}

#variant_2 input[type=submit], #variant_2 #respond input[type=submit]
{
	border: 1px solid #4FDAED;
	background: #4FDAED;
}

#variant_2 #title
{
	background: url('images/red/overlay.png') no-repeat scroll 0 0 transparent
}

#variant_2 .post-comments
{
	background: url('images/blue/comments.png') no-repeat 0 2px;
}

#variant_2 #wp-calendar tfoot
{
	border: 1px solid #4FDAED;
}

#variant_2 .widget_links li a
{
	background: url('images/blue/link.png') no-repeat right 1px;
}

#variant_2 .current_page_item
{
	background: url('images/blue/marker.png') no-repeat right;
}

/* variant 3 (wyczynowo) */

#variant_3 a, #variant_3 .entry h2 a, #variant_3 .entry h2, #variant_3 #wp-calendar tfoot td, #variant_3 #wp-calendar tfoot td a, #variant_3 .widget_pages li a
{
	color: #4FDAED;
}

#variant_3 .sideraquo, #variant_3 #wp-calendar td a, #variant_3 .comment-reply-link, #variant_3 #comments-top
{
	background: #4FDAED;
}

#variant_3 #favorities_toggle
{
	background: #FFD200;
}

#variant_3 input[type=submit], #variant_3 #respond input[type=submit]
{
	border: 1px solid #4FDAED;
	background: #4FDAED;
}

#variant_3 #title
{
	background: url('images/yellow/overlay.png') no-repeat scroll 0 0 transparent
}

#variant_3 #wp-calendar tfoot
{
	border: 1px solid #4FDAED;
}

#variant_3 .widget_links li a
{
	background: url('images/blue/link.png') no-repeat right 1px;
}

#variant_3 .post-comments
{
	background: url('images/blue/comments.png') no-repeat 0 2px;
}

#variant_3 .current_page_item
{
	background: url('images/blue/marker.png') no-repeat right;
}

/* common */

body
{
	margin: 0;
	font-family: Arial, sans-serif;
}

img
{
	border: 0;
}

a
{
	font-weight: bold;
	text-decoration: none;
}

input[type=text], input[type=password]
{
	width: 123px;
	padding: 6px;
	border: 1px solid #ddd;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: 11px;
}

input[type=submit]
{
	width: 105px;
	padding: 5px 0;
	float: right;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	color: #fff;
	cursor: pointer;
}

input[type=submit]:hover, .entry p a:hover, .widget_links a:hover, #comments a:hover, #footer a:hover, .widget_posts a:hover, #sidebar a:hover
{
	text-decoration: underline;
}

#background
{
	width: 100%;
	height: auto;
	min-width: 1024px;
	min-height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: -10;
}

#wrap 
{
	margin: 0 auto;
	padding: 190px 0 40px 0;
	position: relative;
	background: url('images/mask.png') repeat;
}

#bar
{
	width: 878px;
	height: 32px;
	margin: 0 0 0 -10px;
	padding: 0 10px;
	position: fixed;
	top: 0;
	z-index: 100;
	border: 1px solid #E3EBF1;
	border-width: 0 1px 1px 1px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	font-size: 11px;
	background: url('images/bar.png') repeat-x;
	color: #fff;
}

#bar a:hover
{
	text-decoration: underline;
}

#bar .menu_blog
{
	float: right;
}

#bar .menu_sails a, #bar .menu_blog a, #bar .menu_sails span, #bar .menu_blog span
{
	display: inline-block;
	height: 32px;
	padding: 0 5px;
	font-weight: normal;
	line-height: 32px;
	color: #fff;
}

#bar .menu_sails span, #bar .menu_blog span
{
	background: url('images/divider.png') no-repeat center;
}

#bar .logo
{
	display: block;
	width: 12px;
	height: 17px;
	margin: 6px 0 0 0;
	float: left;
	background: url('images/sails_logo.png') no-repeat;
	text-decoration: none;
}

#bar .menu_blog a
{
	font-weight: bold;
}

#bar .highlight
{
	background: url('images/highlight.png') no-repeat center;
}

#bar .search
{
	width: 160px;
	margin: 6px 0 0 15px;
	float: right;
	background: url('images/search.png') left top no-repeat;
}

#bar .search input
{
	width: 102px;
	padding: 2px 23px 2px 3px;
	border: 0;
	outline: 0;
	vertical-align: middle;
	font-size: 11px;
	background: transparent;
	color: #fff;
}

#bar .search input[type=text]
{
	width: 125px;
	height: 14px;
	padding: 2px 5px;
}

#bar .search input[type=submit]
{
	width: 25px;
	height: 20px;
	margin: 0 0 0 -3px;
	float: right;
}

#advertisement, #blog, #footer
{
	width: 880px;
	margin: 0 auto 10px auto;
	padding: 10px;
}

#advertisement
{
	margin: 0 auto 10px auto;
	padding: 10px;
	position: relative;
	top: -145px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: url('images/transparent.png') scroll;
}

#advertisement img
{
	border: 0;
}

#advertisement #ad-notice
{
	position: absolute;
	top: 70px;
	right: 16px;
	font-size: 10px;
	color: #999;
}

#blog
{
	position: relative;
	background: #1C282A url('images/decoration_bottom.png') no-repeat scroll right bottom;
}

#header 
{
	width: 900px;
	height: 222px;
	margin: 34px 0 10px -10px;
	position: absolute;
	top: -177px;
}

#transition 
{
	width: 900px;
	height: 385px;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 5;
	background: url('images/transition.png') repeat-x scroll 0 0;
}

#title 
{
	width: 883px;
	height: 100px;
	padding: 5px 0 0 75px;
	position: absolute;
	top: 35px;
	left: -58px;
	z-index: 10;
}

#title a
{
	font-weight: bold;
	color: #fff !important;
}

#title > a
{
	display: block;
	margin: 5px 0 0 0;
	float: left;
	font-size: 13px;
	text-transform: uppercase;
}

#title h1
{
	max-width: 430px;
	height: 30px;
	margin: 3px 16px 0 0;
	float: left;
	overflow: hidden;
	font-family: "Myriad Pro Bold", Arial, sans-serif;
	font-size: 36px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
}

#title p 
{
	display: block;
	width: 260px;
	height: 30px;
	margin: 5px 5px 14px 0;
	float: right;
	overflow: hidden;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
}

#title p cufon 
{
    padding: 0 0 3px 0;
}

#main 
{
	margin: 44px 0 0 0;
}

#content 
{
	margin: 0 280px 0 0;
	padding: 30px 10px 10px 10px;
	position: relative;
	z-index: 10;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #141F21 url('images/decoration_top.png') no-repeat scroll 0 0;
	color: #FFF;
}

#sidebar
{
	width: 270px;
	margin: 0 0 60px 0;
	float: right;
	position: relative;
	z-index: 10;
}

#summary, #widgets
{
	width: 250px;
	margin: 0 0 10px 0;
	padding: 10px;
	font-size: 11px;
	background: #fff;
}

#summary
{
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}

#summary #favorities_toggle
{
	display: inline-block;
	width: 95px;
	height: 40px;
	margin: 2px 0 0 0;
	padding: 7px 0 0 35px;
	float: right;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-weight: bold;
	font-size: 11px;
	line-height: 15px;
	background-image: url('images/favorities_add.png');
	background-repeat: no-repeat;
	background-position: 14px 17px;
	color: #fff !important;
}

#summary #favorities_toggle.added
{
	background-image: url('images/favorities_remove.png');
}

#summary ul
{
	margin: 0 150px 0 0;
	padding: 0;
	list-style-type: none;
	color: #999;
}

#summary li
{
	margin: 0 0 4px 0;
	padding: 0 0 0 18px;
}

#summary .summary_comments
{
	background: url('images/summary_comments.png') no-repeat 0 2px;
}

#summary .summary_posts
{
	background: url('images/summary_posts.png') no-repeat 0 2px;
}

#summary .summary_views
{
	background: url('images/summary_views.png') no-repeat 0 2px;
}

#summary .blogs_connect
{
	margin: 0 0 10px 0;
	float: left;
	line-height: 32px;
	text-transform: lowercase;
}

#summary .facebook_like
{
	width: 70px;
	height: 25px;
	margin: 6px 0 8px 0;
	border: 0;
	float: right;
	overflow: hidden;
}

#summary form
{
	clear: both;
}

#widgets 
{
	margin: -10px 0;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	background: #344E52;
}

#widgets .widget:first-child
{
	background-image: none !important;
}

#navigation
{
	height: 40px;
	margin: 0 280px 0 0;
}

#navigation div a
{
	display: block;
	margin: 20px 0 0 0;
	padding: 8px;
	font-size: 11px;
	font-weight: bold;
	background: url('images/button.png') no-repeat bottom center;
	color: #fff !important;
}

#navigation div a:hover
{
	text-decoration: underline;
}

#footer
{
	margin: -45px auto 0 auto;
	position: relative;
	z-index: 100;
	font-size: 11px;
	text-align: right;
	text-shadow: 1px 1px 1px #000;
	color: #fff;
}

#footer a
{
	color: #fff !important;
}

#wp-calendar
{
	width: 250px;
	margin: 10px 0;
	border-collapse: collapse;
}

#wp-calendar caption
{
	padding: 6px 12px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-weight: bold;
	background: url('images/calendar_title.png') no-repeat scroll bottom center;
	color: #fff;
}

#wp-calendar th
{
	width: 14%;
	padding: 6px;
	color: #999;
}

#wp-calendar td
{
	padding: 6px;
	color: #fff;
}

#wp-calendar tbody td
{
	text-align: center;
}

#wp-calendar a
{
	padding: 2px 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-weight: bold;
	color: #fff !important;
}

#wp-calendar tfoot
{
	border-collapse: collapse;
}

#wp-calendar tfoot td
{
	border: 1px solid #fff;
	border-collapse: collapse;
	font-weight: bold;
	background: #fff;
}

#wp-calendar tfoot td a
{
	background: #fff !important;
}

#wp-calendar #prev
{
	text-align: left;
}

#wp-calendar #next
{
	text-align: right;
}

#wp-calendar .c_laquo, #wp-calendar .c_raquo
{
	margin: -3px;
}

#comments
{
	clear: left;
	font-size: 11px;
	color: #fff;
}

#comments .avatar
{
	border: 1px solid #ccc;
	float: right;
}

#comments .comment-links
{
	float: right;
}

#comments .comment-author a
{
	font-style: italic;
	font-weight: bold;
	color: #fff;
}

#comments .commentlist
{
	padding: 0;
	list-style-position: inside;
}

#comments .comment
{
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #344E52;
}

#comments cite
{
	font-weight: bold;
}

#comments .comment-meta a
{
	font-weight: normal;
	text-decoration: underline;
	color: #fff;
}

#comments ul.children
{
	list-style-type: decimal;
}

#comments .comment-reply-link
{
	padding: 4px 17px;
	background: url('images/button.png') no-repeat bottom center;
	color: #fff !important;
}

#comments .reply
{
	margin: 0 0 10px 0;
}

#comments #respond
{
	padding: 10px;
	background: #344E52;
}

#comments #respond p
{
	min-height: 20px;
	line-height: 31px;
}

#comments #reply-title
{
	padding: 0 0 4px 0;
	border-bottom: 1px solid #bcbcbc;
	color: #fff;
}

#comments input[type=text]
{
	width: 240px;
	margin: 2px 160px 0 0;
	float: right;
}

#comments input[type=submit]
{
	width: 135px;
}

#comments input, #comments textarea
{
	border: 1px solid #bcbcbc;
}

#comments .comment-form-comment textarea
{
	width: 554px;
	padding: 2px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#comments #comments-top
{
	padding: 4px 17px;
	float: right;
	background: url('images/button.png') no-repeat bottom center;
	color: #fff !important;
}

#comments #captcha
{
	background-size: auto contain;
}

#gallery
{
	margin: 10px auto;
}

#gallery a
{
	display: block;
	width: 150px;
	height: 190px;
	margin: 0 20px 20px 0;
	float: left;
	font-size: 12px;
}

#gallery span
{
	display: block;
	padding: 3px 0;
}

#gallery div
{
	clear: left;
}

#popup_favorities
{
	padding: 0 0 12px 0;
	position: absolute;
	top: -79px;
	left: 550px;
	z-index: 100;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: url('images/message_bottom.png') no-repeat 240px bottom;
}

#popup_favorities.short
{
	top: 18px;
}

#popup_login
{
	margin: 0 0 0 539px;
	padding: 12px 0 0 0;
	position: fixed;
	top: 35px;
	background: url('images/message_top.png') no-repeat 140px top;
}

.popup
{
	display: none;
	width: 340px;
	z-index: 500;
	font-size: 11px;
	color: #fff;
}

.popup div
{
	padding: 10px;
	background: url('images/message_background.png');
}

.popup table
{
	width: 310px;
}

.popup input[type=text], .popup input[type=password]
{
	width: 143px !important;
	border: 1px solid #144F78 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

.popup input[type=submit]
{
	margin: 0 1px 0 0 !important;
	border: 1px solid #5DADE3 !important;
	float: right !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	font-weight: normal !important;
	text-transform: uppercase !important;
	background: #5DADE3 !important;
	color: #fff !important;
}

.popup a
{
	margin: 0 0 0 3px;
	font-weight: normal;
	color: #fff !important;
}

.popup a:hover
{
	text-decoration: underline;
}

.popup .padding a
{
	padding: 0 2px 0 3px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #5DADE3;
	color: #FFF !important;
}

.popup .middle-row td, .popup .last-row td
{
	padding: 2px;
}

.popup .first-row
{
	text-indent: 2px;
}

.popup .last-row label input
{
	margin: -1px 5px 0 0;
	vertical-align: middle;
}

.entry
{
	padding: 0 0 30px 0;
	clear: left;
}

.entry p, .entry
{
	font-size: 12px;
	line-height: 1.5em;
	color: #A7B8BB;
}

.entry img
{
	max-width: 560px;
	height: auto;
}

.entry h2 a, .entry h2
{
	margin: 0;
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size: 34px;
	font-weight: 100;
	text-decoration: none;
}

.entry p.postmeta
{
	color: #999;
}

.entry ul, .entry ol
{
	list-style-position: inside;
	font-size: 12px;
}

.underpost
{
	min-height: 30px;
	margin: 20px 0 0 0;
	clear: left;
}

.underpost .button_facebook, .underpost .button_twitter, .underpost .button_google
{
	width: 60px;
	margin: 2px 6px 0 0;
}

.underpost .button_facebook
{
	height: 75px;
	margin: 2px 1px 0 0;
}

.underpost .button_google
{
	margin: 3px 1px 0 0;
}

.floatleft, #wp-calendar .c_laquo
{
	float: left;
}

.floatright, #wp-calendar .c_raquo
{
	float: right;
}

.aligncenter
{
	margin: 0 auto 10px;
}

.sideraquo
{
	padding: 0 4px;
	font-weight: bold;
	color: #fff !important;
}

.post-comments
{
	margin: 0 0 0 2px;
	padding: 0 0 0 20px;
}

.readmore a
{
	padding: 6px 12px;
	background:url('images/button.png') no-repeat bottom center;
	color: #fff !important;
}

.archive_header
{
	padding: 0 0 20px 0;
}

.archive_header span
{
	text-transform: lowercase;
}

.clear
{
	clear: both;
}

.widget
{
	margin: 30px 0 0 0;
	padding: 30px 0 0px 0;
	clear: both;
	background: url('images/shadow.png') repeat-x scroll top;
	color: #FFF;
}

.widget h4, #comments h4, .archive_header
{
	margin: 0;
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size: 24px;
	font-weight: 100;
	text-decoration: none;
	color: #FFF;
}

.widget_posts ul
{
	padding: 0;
	list-style-type: none;
}

.widget_posts ul li
{
	margin: 0 0 20px 0;
}

.widget_posts ul li p
{
	margin: 4px 0;
}

.widget_pages
{
	margin: 0 0 40px 0;
}

.widget_pages ul
{
	padding: 0;
	list-style-type: none;
}

.widget_pages li a
{
	display: block;
	padding: 6px 0;
	border-bottom: 1px solid #DDD;
	font-size: 18px;
}

.widget_pages .children
{
	text-indent: 15px;
}

.widget_pages .current_page_item
{
	list-style-position: outside;
	list-style-type: none;
}

.widget_links ul
{
	padding: 0;
	list-style-type: none;
}

.widget_links li
{
	margin: 0 0 10px 0;
}

.widget_links li a
{
	padding: 0 20px 0 0;
	color: #FFF !important;
}

.widget_favorities
{
	padding: 20px 0 0 0;
}

.widget_favorities h4
{
	margin: 10px 0 !important;
}

.widget_favorities span
{
	display: block;
}

.widget_favorities a
{
	display: block;
	width: 73px;
	height: 110px;
	margin: 0 5px 10px 0;
	padding: 0 5px 0 0;
	float: left;
	text-decoration: none !important;
}

.widget_favorities a:hover span
{
	border: 0;
}

.widget_favorities a:hover .blog_title
{
	text-decoration: underline !important;
}

.widget_favorities .blog_title
{
	margin: 5px 0 5px -7px;
	font-weight: bold;
	text-align: center;
	color: #D7224C;
}

.widget_favorities .blog_summary
{
	font-weight: normal;
	line-height: 12px;
	color: #999;
}

.widget_favorities .comments_count
{
	height: 14px;
	padding: 0 0 0 17px;
	float: right;
	background: url('images/summary_comments.png') no-repeat left;
}

.widget_favorities .posts_count
{
	height: 14px;
	padding: 0 0 0 17px;
	float: left;
	background: url('images/summary_posts.png') no-repeat left;
}

.widget_newsletter
{
	padding: 18px 0 0 0;
}

.widget_newsletter h4
{
	margin: 12px 0;
}

.widget_newsletter input[type=text]
{
	width: 123px;
}

.widget_newsletter div div
{
	margin: 5px 0;
}

.avatar_container
{
	display: block;
	width: 52px;
	margin: 0 0 0 5px;
	position: relative;
}

.avatar_container .avatar
{
	height: 52px !important;
	width: 52px !important;
	margin: 0 !important;
	float: none !important;
}

.avatar_container .avatar_dots
{
	display: block;
	width: 60px;
	margin: 37px 0 0 -4px;
	position: absolute;
	text-align: right;
}

.avatar_container .avatar_dots img
{
	margin: 0 !important;
	float: none !important;
}

.avatar_container img.type_dot
{
	height: 20px;
	float: left !important;
}

.thumbnail
{
	margin: 2px 10px 10px 2px;
	padding: 5px;
	border: 1px solid #ECECEC;
	float: left;
}

.thumbnail img
{
	width: 214px;
}

.video span
{
	display: block;
	background-size: contain !important;
}

.video span span
{
	min-height: 128px;
	background: url('http://www.sails.pl/wp-content/themes/sails/images/video.png') center no-repeat;
	background-size: auto !important;
}

.video img
{
	visibility: hidden;
}